.link-item {
    display: block;
    width: 96px;
    height: 30px;
    text-align: center;
    background-color: var(--x-background-color);
    border-radius: var(--x-border-radius-md);
    font-size: var(--x-font-size-base);
    color: var(--x-font-color-light);
    user-select: none;
    text-decoration: none;
    line-height: 30px;
    transition: all 0.3s ease;
}

.link-item:hover {
    background-color: var(--el-color-primary-light-3);
    color: var(--x-white);
}

.link-item-active {
    background-color: var(--el-color-primary);
    color: var(--x-white);
}